<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>有赞</title>
    <!-- <link
      rel="stylesheet"
      href="https://unpkg.com/swiper/swiper-bundle.min.css"
    /> -->
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./css/all-top.css" />
    <link rel="stylesheet" href="./css/content.css" />
    <link rel="stylesheet" href="./css/navigation.css" />
    <link rel="stylesheet" href="./css/all-bottom.css" />
    <link rel="stylesheet" href="./css/fixed.css" />
    <link rel="stylesheet" href="./css/swiper-1.css" />
    <link rel="stylesheet" href="./css/three-swiper.css" />
  </head>
  <body>
    <div class="all">
      <div class="all-top">
        <div class="all-top-1">
          <div class="all-top-text">
            <p>
              有赞碰碰贴｜碰一碰就能用AI创作，一键发布小红书、美团点评口碑笔记
            </p>
          </div>
          <div class="all-top-button">
            <button>
              <span>立即领取</span>
            </button>
          </div>
        </div>
      </div>
      <div class="nav-layout">
        <div class="navigation">
          <div style="  display: flex; align-items: center;
justify-content: space-between; width: 1456px;">
            <div class="nav-left">
              <div>
                <div class="nav-logo">
                  <a href="#">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2022/11/21/FtJwecUqnioQJC5oPYaLZUhQYmXJ.png"
                      alt="????"
                    />
                  </a>
                  <a href="#" class="brand">
                    香港上市代码
                    <br />
                    08083.HK
                  </a>
                </div>
              </div>
              <div class="nav-menu">
                <ul>
                  <li>
                    <button>如何获得客户</button>
                  </li>
                  <li>
                    <button>如何运营客户</button>
                  </li>
                  <li>
                    <button>最佳实践</button>
                  </li>
                </ul>
              </div>
            </div>
            <div class="nav-right">
              <div class="search">
                <div class="input">
                  <div>
                    <button></button>
                  </div>

                  <div class="icon">
                    <span>#</span>
                    <span class="shugang"></span>
                    <span>#</span>
                  </div>
                </div>
              </div>
              <div class="nav-menu2">
                <ul>
                  <li>
                    <button>产品服务</button>
                  </li>
                  <li>
                    <button>学习合作</button>
                  </li>
                  <li>
                    <button>有赞公司</button>
                  </li>
                </ul>
              </div>
              <span class="shugang2"></span>
              <div class="nav-login">
                <ul>
                  <li>
                    <a href="#"> <span>登录</span></a>
                  </li>
                  <li>
                    <a href="#">免费试用</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="content">
        <div class="main-left">
          <div class="main-left-content">
            <div class="btns">
              <button onclick="slideTo(0)">找有赞</button>
              <button onclick="slideTo(1)">新零售</button>
              <button onclick="slideTo(2)">电商</button>
              <button onclick="slideTo(3)">美业</button>
              <button onclick="slideTo(4)">国家补贴</button>
            </div>
            <div class="main-left-content-center">
              <div class="content-wrapper" id="contentWrapper">
                <div class="texts">
                  <div class="title">
                    神了，智能化运营<br />
                    处处带来新增长
                  </div>
                  <div class="title-content">
                    <span>
                      有赞正在帮助 55,833 个品牌， 赋能 2,058,344
                      名销售员成交，<br />
                      成功与 122,643,473位消费者建立可持续的客户关系。
                    </span>
                  </div>
                </div>
                <div class="texts">
                  <div class="title">
                    门店+CRM+导购 <br />
                    客户运营招式多 利润多
                  </div>
                  <div class="title-content">
                    <span>
                      从公域内容营销到私域客户运营，再到线上线下销售转化，<br />
                      智能化覆盖零售经营全流程，带来交易额新增长。
                    </span>
                  </div>
                </div>
                <div class="texts">
                  <div class="title">
                    快速启动社交电商<br />
                    把粉丝变成终身客户
                  </div>
                  <div class="title-content">
                    <span>
                      12 年的社交电商经验和积累，智能化打通线上多平台交易，<br />
                      有赞每年帮助商家完成超过 1,000 亿交易额。
                    </span>
                  </div>
                </div>
                <div class="texts">
                  <div class="title">
                    新美业 新连锁<br />
                    智能化运营 业绩起飞
                  </div>
                  <div class="title-content">
                    <span>
                      想要立刻有业绩，既要有利润，还要有增长，<br />
                      找有赞美业陪你做好客户运营，实现业绩新增长。
                    </span>
                  </div>
                </div>
                <div class="texts">
                  <div class="title">
                    神了，智能化运营<br />
                    处处带来新增长
                  </div>
                  <div class="title-content">
                    <span>
                      有赞正在帮助 55,833 个品牌， 赋能 2,058,344
                      名销售员成交，<br />
                      成功与 122,643,473位消费者建立可持续的客户关系。
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <div class="main-left-content-bottom">
              <div class="btns-2">
                <button>免费试用</button>
                <button>品牌入驻</button>
              </div>
              <div>
                <p class="zhixun">或致电咨询: 0571-8685 7988</p>
              </div>
            </div>
          </div>
        </div>
        <div class="main-right">
          <div class="main-right-content">
            <div class="scroll-container">
              <div class="scroll-track">
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/07/18/FoN09IykfqQt_VjwADE_O7wEPsrT.jpg?imageMogr2/interlace/1"
                    alt="###"
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/07/18/FlhrBn4b2oMm75afWpXrj6C4EBEx.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FiO-arDXGDyA80BacjQgfGyTucSz.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/FqMfRe7AuU56a4zbaz7M9hwHFfjc.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FpBcIgl5DuKaBSsZrD-6cElzTWuX.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fi9k7awYmDccNIlPwpDk7rgYYn4a.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fssx2Fvtw-7zD-MnDXtG0VXL4Da3.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fp65Q3SGkFgPN0tA7Pqt8Aw00ajt.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/07/18/FoN09IykfqQt_VjwADE_O7wEPsrT.jpg?imageMogr2/interlace/1"
                    alt="###"
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/07/18/FlhrBn4b2oMm75afWpXrj6C4EBEx.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FiO-arDXGDyA80BacjQgfGyTucSz.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/FqMfRe7AuU56a4zbaz7M9hwHFfjc.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FpBcIgl5DuKaBSsZrD-6cElzTWuX.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fi9k7awYmDccNIlPwpDk7rgYYn4a.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fssx2Fvtw-7zD-MnDXtG0VXL4Da3.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fp65Q3SGkFgPN0tA7Pqt8Aw00ajt.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
              </div>
            </div>
            <div class="scroll-container">
              <div class="scroll-track2">
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/07/18/FoN09IykfqQt_VjwADE_O7wEPsrT.jpg?imageMogr2/interlace/1"
                    alt="###"
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/07/18/FlhrBn4b2oMm75afWpXrj6C4EBEx.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FiO-arDXGDyA80BacjQgfGyTucSz.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/FqMfRe7AuU56a4zbaz7M9hwHFfjc.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FpBcIgl5DuKaBSsZrD-6cElzTWuX.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fi9k7awYmDccNIlPwpDk7rgYYn4a.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fssx2Fvtw-7zD-MnDXtG0VXL4Da3.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fp65Q3SGkFgPN0tA7Pqt8Aw00ajt.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/07/18/FoN09IykfqQt_VjwADE_O7wEPsrT.jpg?imageMogr2/interlace/1"
                    alt="###"
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/07/18/FlhrBn4b2oMm75afWpXrj6C4EBEx.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FiO-arDXGDyA80BacjQgfGyTucSz.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/FqMfRe7AuU56a4zbaz7M9hwHFfjc.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FpBcIgl5DuKaBSsZrD-6cElzTWuX.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fi9k7awYmDccNIlPwpDk7rgYYn4a.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fssx2Fvtw-7zD-MnDXtG0VXL4Da3.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fp65Q3SGkFgPN0tA7Pqt8Aw00ajt.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
              </div>
            </div>
            <div class="scroll-container">
              <div class="scroll-track">
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/07/18/FoN09IykfqQt_VjwADE_O7wEPsrT.jpg?imageMogr2/interlace/1"
                    alt="###"
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/07/18/FlhrBn4b2oMm75afWpXrj6C4EBEx.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FiO-arDXGDyA80BacjQgfGyTucSz.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/FqMfRe7AuU56a4zbaz7M9hwHFfjc.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FpBcIgl5DuKaBSsZrD-6cElzTWuX.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fi9k7awYmDccNIlPwpDk7rgYYn4a.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fssx2Fvtw-7zD-MnDXtG0VXL4Da3.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fp65Q3SGkFgPN0tA7Pqt8Aw00ajt.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/07/18/FoN09IykfqQt_VjwADE_O7wEPsrT.jpg?imageMogr2/interlace/1"
                    alt="###"
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/07/18/FlhrBn4b2oMm75afWpXrj6C4EBEx.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FiO-arDXGDyA80BacjQgfGyTucSz.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/FqMfRe7AuU56a4zbaz7M9hwHFfjc.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/FpBcIgl5DuKaBSsZrD-6cElzTWuX.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fi9k7awYmDccNIlPwpDk7rgYYn4a.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
                <div class="scroll-item1">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fssx2Fvtw-7zD-MnDXtG0VXL4Da3.jpg?imageMogr2/interlace/1"
                    class="scroll-item"
                    alt=""
                  />
                  <div class="overlay">
                    <img
                      src="https://img01.yzcdn.cn/upload_files/2024/06/14/Fp65Q3SGkFgPN0tA7Pqt8Aw00ajt.jpg"
                      alt=""
                    />
                  </div>
                </div>
                <div class="scroll-item2">
                  <div>
                    <span style="font-style: 14px">传统品牌</span>
                    <p style="font-style: 12px; margin: 4px 0 0">
                      智慧转型领域行样本
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="main-fixed">
        <div class="consultation-sidebar">
          <div class="siderbar-item">
            <div>@</div>
            <div>
              <span style="font-size: 12px">微信咨询</span>
            </div>
          </div>
          <span class="hengxian"></span>
          <div class="siderbar-item">
            <div>@</div>
            <div>
              <span style="font-size: 12px">微信咨询</span>
            </div>
          </div>
          <span class="hengxian"></span>
          <div class="siderbar-item">
            <div>@</div>
            <div>
              <span style="font-size: 12px">微信咨询</span>
            </div>
          </div>
        </div>
      </div>
      <div class="two">
        <div class="two-text-1">全渠道获客 找有赞</div>
        <div class="two-text-2">与消费者建立可持续的客户关系</div>
        <div class="two-text-3">
          <div>
            在微信、视频号、小红书、
            等社交平台建立品牌商城，快速把流量和粉丝变成首单成交客户
          </div>
          <div>
            品牌商城与新零售POS、CRM系统互联互通，助力导购和客户随时随地交流，轻松服务社群客户
          </div>
        </div>
        <div style="width: 1456px; margin: 0 auto; overflow: visible">
          <!-- Swiper -->
          <div class="swiper mySwiper1">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div
                  class="swiper-slide-1"
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/06/13/FmAqsi9NVEa7FYQzK7_Z-ZozwZqA.jpg)
                      center/cover no-repeat !important;
                  "
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">私域营销</div>
                    <div class="swiper-slide-1-text">
                      帮助商家在微信等社交平台上构建和运营自己的私有客户群
                      体，实现精准营销和用户深度运营。包含：搭建私域流量池、
                      社群运营、内容营销、会员管理、数据分析、营销活动。
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>了解私域</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/07/22/Ft5too48BcefOX7g5b_FNHKs0aui.jpg)
                      center/cover no-repeat !important;
                  "
                  class="swiper-slide-1"
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">门店营销</div>
                    <div class="swiper-slide-1-text">
                      品牌商城赋能门店经营，新颖的营销、会员能力结合丰富可选的消费方式，让导购与社群客户建立可持续联系，激励单次消费客户再次光顾
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>了解门店</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div
                  class="swiper-slide-1"
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/08/28/Fj76TKaXRuKuEpBF-ewFag3WzNZ9.jpg)
                      center/cover no-repeat !important;
                  "
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">品牌连锁</div>
                    <div class="swiper-slide-1-text">
                      帮助商家在微信等社交平台上构建和运营自己的私有客户群
                      体，实现精准营销和用户深度运营。包含：搭建私域流量池、
                      社群运营、内容营销、会员管理、数据分析、营销活动。
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>免费使用</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div
                  class="swiper-slide-1"
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/06/12/FtEeeDsIkVpS3i7tzkxpMuqMsyaL.jpg)
                      center/cover no-repeat !important;
                  "
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">广告投放营销</div>
                    <div class="swiper-slide-1-text">
                      多年积累的消费者大数据，帮你精准定位人群、优化投放结果，用好创意做好转化，实现低成本快速获得高意向客户。
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>广告投放</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div
                  class="swiper-slide-1"
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/08/02/FgQlnpwVCx7-BQvnRJN9t14ZjOLr.jpg)
                      center/cover no-repeat !important;
                  "
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">导购营销</div>
                    <div class="swiper-slide-1-text">
                      为了全面赋能门店导购，通过数字化管理，提升导购的销售能力和效率，有赞智能导购帮助导购从引流获客、留存转化、增购复购、分销裂变等运营券链接吸引和留存客户。
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>了解导购</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div
                  class="swiper-slide-1"
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/08/02/FiRX7coPu-zJJbJsJ_Jb_H0aE3lI.jpg)
                      center/cover no-repeat !important;
                  "
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">智能营销</div>
                    <div class="swiper-slide-1-text">
                      有赞营销画布能够帮助企业管理营销活动、自动执行营销任务、采集和分析效果数据，实现更高效、精准、有针对性的营销活动，提高市场营销效率和ROI。
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>自动营销</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div
                  class="swiper-slide-1"
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/06/12/Fn8UawpTh9-jb9PZ5d6AeBUAfljp.jpg)
                      center/cover no-repeat !important;
                  "
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">全渠道营销</div>
                    <div class="swiper-slide-1-text">
                      在公众号、直播、短视频、小红书等场景开展品牌营销，让内容与商品直接关联，实现流量到销量的无缝转化
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>立即抢注</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="swiper-slide">
                <div
                  class="swiper-slide-1"
                  style="
                    background: url(https://img01.yzcdn.cn/upload_files/2024/08/02/FrpAlAURxbTn798PeK1UB8jkBt_S.jpg)
                      center/cover no-repeat !important;
                  "
                >
                  <div class="swiper-slide-1-box">
                    <div class="swiper-slide-1-title">小程序营销</div>
                    <div class="swiper-slide-1-text">
                      通过小程序轻松一键开店，快速构建全渠道商城，实现全域会员沉淀，从流量到销量高效转化。满足全行业全场景业务需求，助力品牌业绩增长。
                    </div>
                    <div style="display: flex; align-items: center">
                      <button>免费使用</button>
                      <div style="font-size: 16px; margin-left: 12px">
                        如何获得客户 >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="controls">
            <button id="slidePrev" class="controls__button">
              <svg
                width="36px"
                height="36px"
                viewBox="0 0 36 36"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <path
                  d="M21.559 12.062L15.618 17.984L21.5221 23.944C22.105 24.533 22.1021 25.482 21.5131 26.065C21.2211 26.355 20.8391 26.5 20.4571 26.5C20.0711 26.5 19.6851 26.352 19.3921 26.056L12.4351 19.034C11.8531 18.446 11.8551 17.5 12.4411 16.916L19.4411 9.938C20.0261 9.353 20.9781 9.354 21.5621 9.941C22.1471 10.528 22.145 11.478 21.559 12.062Z"
                  fill="currentColor"
                ></path>
              </svg>
            </button>
            <button id="pauseBtn" class="controls__button">
              <svg
                width="36px"
                height="36px"
                viewBox="0 0 36 36"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <g clip-path="url(#clip0_29_1142)" fill="currentColor">
                  <rect x="12" y="11" width="3" height="14" rx="1.5"></rect>
                  <rect x="21" y="11" width="3" height="14" rx="1.5"></rect>
                </g>
              </svg>
            </button>
            <button
              id="resumeBtn"
              style="display: none"
              class="controls__button"
            >
              <svg
                width="36px"
                height="36px"
                viewBox="0 0 36 36"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <path
                  d="M23.735 17.1653C24.334 17.5606 24.334 18.4394 23.735 18.8347L16.0507 23.905C15.3859 24.3437 14.5 23.8668 14.5 23.0703L14.5 12.9297C14.5 12.1331 15.3859 11.6563 16.0507 12.095L23.735 17.1653Z"
                  fill="currentColor"
                ></path>
              </svg>
            </button>
            <button id="slideNext" class="controls__button">
              <svg
                width="36px"
                height="36px"
                viewBox="0 0 36 36"
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
              >
                <path
                  d="M23.5587 16.916C24.1447 17.5 24.1467 18.446 23.5647 19.034L16.6077 26.056C16.3147 26.352 15.9287 26.5 15.5427 26.5C15.1607 26.5 14.7787 26.355 14.4867 26.065C13.8977 25.482 13.8947 24.533 14.4777 23.944L20.3818 17.984L14.4408 12.062C13.8548 11.478 13.8528 10.5279 14.4378 9.941C15.0218 9.354 15.9738 9.353 16.5588 9.938L23.5587 16.916Z"
                  fill="currentColor"
                ></path>
              </svg>
            </button>
          </div>
        </div>
      </div>
      <!-- <div class="three-swiper">
        div
        <div class="three-swiper-box">
          <div style="font-size: 30px; line-height: 36px; margin-bottom: 8px">
            做客户经营 找有赞
          </div>
          <div style="font-size: 48px; font-weight: 600">
            把顾客变成终身客户实现可持续增长
          </div>
          <div style="width: 720px; font-size: 18px; margin: 28px 0 52px 0">
            追踪每个渠道的消费数据，捕捉客户购物习惯和消费偏好，让你始终对客户需求了如指掌
            做好细分人群运营、客户全生命周期管理和精准营销，让客户持续复购和介绍新客户
          </div>
          <div>
            <div class="swiper-container2 mySwiper2">
              <div class="swiper-wrapper">
                <div class="swiper-slide2">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/04/Fgc87CDRTDBS0MpZe6tgcXTcbney.jpg"
                    alt="#"
                  />
                </div>
                <div class="swiper-slide2">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/01/Fok143-RH2WxBA81piMrjTRHf0G-.jpg"
                    alt=""
                  />
                </div>
                <div class="swiper-slide2">
                  <img
                    src="https://img01.yzcdn.cn/upload_files/2024/06/01/FlWhKV84-hX2tJQH6MuMWALS6PZ_.jpg"
                    alt=""
                  />
                </div>
              </div>
            </div>
          </div>
          <div class="swiper-pagination2 crm-pagination"></div>
          <div style="display: flex; justify-content: space-between">
            <div>
              <div class="fs-26 fw-500">深度客户洞察</div>
              <div>
                强大的数据能力帮你了解客户购物频率、最喜欢的商品类型、最喜欢的优惠活动等信息，让你轻松预测客户未来消费旅程
              </div>
              <div>如何经营客户 ></div>
            </div>
            <div>
              <div class="fs-26 fw-500">细分人群运营</div>
              <div>
                根据消费需求细分出不同客群，透过对每个客群的了解，你可以轻松策划出最能打动客户的营销方案，并借助自动化流程定向推送
              </div>
              <div>如何经营客户 ></div>
            </div>
            <div>
              <div class="fs-26 fw-500">生命周期管理</div>
              <div>
                精准把握消费者从流量、到粉丝、到会员、到付费客户、到高价值客户等关键环节，以正确的方式与客户互动，确保客户持续活跃
              </div>
              <div>如何经营客户 ></div>
            </div>
          </div>
        </div>
      </div> -->

      <div style="width: 100vw; background-color: black">
        <div class="all-bottom" style="width: 1456px; margin: 50px auto">
          <div
            style="display: flex; flex-direction: column; padding: 120px 40px"
          >
            <h2 style="font-size: 40px">有赞陪你一起做好生意</h2>

            <div style="font-size: 28px; margin: 20px 0">
              有赞正在帮助宝洁、TCL、农夫山泉等 55,833 个品牌，赋能
              2,058,344名销售员成交，<br />
              成功与 122,643,473 位消费者建立可持续的客户关系
            </div>
            <div>
              <a href="" style="font-size: 14px; color: #3370ff"
                >注册并免费试用 →</a
              >
              <a
                href=""
                style="font-size: 14px; color: #3370ff; margin-left: 20px"
                >与产品专家交流 →</a
              >
            </div>
            <div
              style="
                margin: 36px 0 0;
                display: flex;
                justify-content: space-between;
              "
            >
              <div>
                <div style="font-size: 28px">与我们联系</div>
                <div style="font-size: 18px; margin: 20px 0 0 0">
                  将有专人为您提供经营建议、解决方案、专业答疑等
                </div>
                <div style="display: flex; flex-direction: column">
                  <input
                    style="
                      height: 52px;
                      background-color: #fff;
                      border-radius: 30px;
                      border: none;
                      margin: 30px 0;
                      color: #969799;
                      font-size: 16px;
                      text-align: left;
                      padding-left: 20px;
                    "
                    type="button"
                    value="请输入你们的手机号"
                  />
                  <button
                    style="
                      height: 52px;
                      background-color: #3370ff;
                      border-radius: 30px;
                      border: none;
                      font-size: 20px;
                    "
                  >
                    预约回电
                  </button>
                </div>
                <div style="font-size: 16px; margin-top: 20px">
                  <input type="checkbox" name="checkbox1" value="1" id="" />
                  <label for="checkbox1"
                    >我已阅读并同意《隐私政策》和《用户协议》</label
                  >
                </div>
              </div>
              <div
                style="
                  width: 720px;
                  height: 390px;
                  overflow: hidden;
                  border-radius: 20px;
                "
              >
                <img
                  src="https://img01.yzcdn.cn/upload_files/2023/04/03/FuV3worElzli9P9JR_zyAhhV7o6_.png"
                  style="width: 100%; height: 100%; object-fit: cover"
                  alt=""
                />
              </div>
            </div>
          </div>
          <div>
            <div class="nav-container">
              <div class="nav-columns">
                <!-- 第一列：社交电商 -->
                <div class="nav-column">
                  <h3 class="column-title">社交电商</h3>
                  <ul class="nav-items">
                    <li class="nav-item"><a href="#">有赞微商城</a></li>
                    <li class="nav-item"><a href="#">有赞分销</a></li>
                    <li class="nav-item"><a href="#">群团团</a></li>
                    <li class="nav-item"><a href="#">有赞品牌旗舰</a></li>
                    <li class="nav-item"><a href="#">有赞AllValue</a></li>
                    <li class="nav-item"><a href="#">AllValue Link</a></li>
                  </ul>
                </div>

                <!-- 第二列：新零售 -->
                <div class="nav-column">
                  <h3 class="column-title">新零售</h3>
                  <ul class="nav-items">
                    <li class="nav-item"><a href="#">有赞门店</a></li>
                    <li class="nav-item"><a href="#">有赞连锁</a></li>
                    <li class="nav-item"><a href="#">有赞企业微信助手</a></li>
                    <li class="nav-item"><a href="#">有赞智能导购</a></li>
                    <li class="nav-item"><a href="#">有赞CRM</a></li>
                  </ul>
                </div>

                <!-- 第三列：解决方案 -->
                <div class="nav-column">
                  <h3 class="column-title">解决方案</h3>
                  <ul class="nav-items">
                    <li class="nav-item"><a href="#">微信</a></li>
                    <li class="nav-item"><a href="#">视频号</a></li>
                    <li class="nav-item"><a href="#">小红书</a></li>
                    <li class="nav-item"><a href="#">抖音</a></li>
                    <li class="nav-item"><a href="#">直播电商</a></li>
                    <li class="nav-item"><a href="#">小程序</a></li>
                  </ul>
                </div>

                <!-- 第四列：服务支持 -->
                <div class="nav-column">
                  <h3 class="column-title">服务支持</h3>
                  <ul class="nav-items">
                    <li class="nav-item"><a href="#">广告投放</a></li>
                    <li class="nav-item"><a href="#">有赞跨境</a></li>
                    <li class="nav-item"><a href="#">帮助中心</a></li>
                    <li class="nav-item"><a href="#">商家社区</a></li>
                    <li class="nav-item"><a href="#">应用市场</a></li>
                    <li class="nav-item"><a href="#">有赞说</a></li>
                  </ul>
                </div>

                <!-- 第五列：关于我们 -->
                <div class="nav-column">
                  <h3 class="column-title">关于我们</h3>
                  <ul class="nav-items">
                    <li class="nav-item"><a href="#">有赞介绍</a></li>
                    <li class="nav-item"><a href="#">企业文化</a></li>
                    <li class="nav-item"><a href="#">合作联系</a></li>
                    <li class="nav-item"><a href="#">有赞公益</a></li>
                    <li class="nav-item"><a href="#">品牌物料</a></li>
                  </ul>
                </div>

                <!-- 第六列：联系我们 -->
                <div class="nav-column contact-column">
                  <h3 class="column-title">联系我们</h3>
                  <ul class="nav-items">
                    <li class="nav-item">
                      <span class="service-label">电话咨询：</span>
                      <div class="phone-number">0571-8685 7988</div>
                    </li>
                    <li class="nav-item"><a href="#">商家服务：</a></li>
                    <li class="nav-item"><a href="#">0571-8998 8848</a></li>
                    <li class="nav-item"><a href="#">消费保障</a></li>
                    <li class="nav-item"><a href="#">投资者联系</a></li>
                    <li class="nav-item"><a href="#">Investors</a></li>
                  </ul>
                </div>
                <!-- 第7列：联系我们 -->
                <div class="nav-column">
                  <h3 class="column-title">关注有赞</h3>
                  <ul class="nav-items">
                    <li class="nav-item">
                      <a href="#">关注公众号、订阅小程序，了解更多资讯 </a>
                    </li>
                    <li class="nav-item">
                      <img
                        style="width: 72px; border-radius: 5px"
                        src="https://img01.yzcdn.cn/upload_files/2023/09/05/Fi6EXnhXGOhNuzqQ_U3xed9XXqjh.jpeg"
                        alt=""
                      />
                      <img
                        style="
                          width: 72px;
                          border-radius: 5px;
                          margin-left: 10px;
                        "
                        src="https://img01.yzcdn.cn/upload_files/2022/03/02/FvNF-I5ms-dhSMK4sQObPH0Btjsz.png"
                        alt=""
                      />
                    </li>
                    <li class="nav-item"></li>
                  </ul>
                </div>
              </div>
            </div>
            <div></div>
            <div></div>
          </div>
          <div>
            <div
              style="
                width: 600px;
                font-size: 12px;
                line-height: 1.5;
                color: #969799;
              "
            >
              杭州有赞科技有限公司 © 2012 - 2025 Youzan.com. All Rights
              Reserved<br />
              法律声明 隐私声明 知识产权 规则中心 安全认证 廉洁有赞
              违法和不良信息举报邮箱：blxxjb@youzan.com <br />
              支付业务许可证 食品经营许可证 有赞医药 有赞跨境 商品广场 有赞资讯
              新零售文章 站点地图 关键词地图<br />
              浙公网安备 33010602004358号 工商营业执照
              增值电信业务经营许可证：合字B2-20210007 - 浙ICP备2020040621号-2<br />
              新出发浙备字第20230002号 （浙）网械平台备字【2023】第00008号
              浙网食A33010128 （浙）-经营性-2023-0010
              （浙）网药平台备字〔2023〕第000012-000号
            </div>
            <div></div>
            <div></div>
          </div>
          <div
            style="
              font-size: 14px;
              color: #969799;
              line-height: 1.5;
              margin-top: 50px;
            "
          >
            热门推荐 最新内容 站点地图 友情链接<br />
            什么是数字化营销？2025厨房生活趋势指南门店与门店如何合作联名，提升收入与新客转化？2025年第一季度连锁餐饮品牌门店发展趋势蓝皮书2024中国品牌出海年度回顾报告帮你增加收入的有赞AI智能产品矩阵来了！丨2025年有赞春季发布会2025年消费维权年主题调查报告如何做多平台经营，有赞智能的智能托管来了餐厅如何实现数字化营销？杭州人气本帮菜馆的成功案例！如何完善线下门店运营并实现公域联动与数据追踪？用碰碰贴新品如何推广？揭秘碰碰贴如何帮商家低成本引爆销量！”如何低成本引爆新品推广？有赞碰碰贴+小红书智能文案小红书获客怎么做？门店怎么做活动？海报、广告牌、传单都升级成碰碰贴实体店引流怎么做？让客流翻3倍的方法～门店怎么运营小红书？这么做小红书很快爆单🔥！同城流量如何精准引流？用碰碰贴把口碑涨起来！怎么让顾客写好评？用碰碰贴，顾客碰一下5秒生成一篇笔记怎么让顾客写小红书？顾客碰一下一键关注发布小红书工具小红书笔记ai生成，碰碰贴AI智能笔记生成一键发布仅需30秒
          </div>
        </div>
      </div>
    </div>

    <script src="./js/swiper-bundle.min.js"></script>
    <script>
      const contentWrapper = document.getElementById("contentWrapper");
      const contentHeight = 260;

      // 初始化第一个按钮为激活状态
      let currentActiveIndex = 0;

      // 添加页面加载监听
      document.addEventListener("DOMContentLoaded", function () {
        const d = document.getElementsByClassName('all-top-1')[0];
        d.style.height = '90px';
        // 初始化第一个按钮的激活状态和位置
        var swiper = new Swiper(".mySwiper1", {
          slidesPerView: "auto",
          // slidesPerView: 2,
          // slidesPerGroup: 1,
          loopedSlides: 10,
          spaceBetween: 20,
          // centeredSlides: true,
          loop: true,
          autoplay: {
            // delay: 3000,
            disableOnInteraction: false,
          },
        });
        slideTo(0);
        // 按钮状态控制
        const pauseBtn = document.getElementById("pauseBtn");
        const resumeBtn = document.getElementById("resumeBtn");

        const slidePrev = document.getElementById("slidePrev");
        const slideNext = document.getElementById("slideNext");

        // 暂停按钮点击

        slidePrev.addEventListener("click", () => {
          console.log("点击了上一个");
          swiper.slidePrev();
        });
        slideNext.addEventListener("click", () => {
          console.log("点击了上一个");
          swiper.slideNext();
        });
        // 暂停按钮点击
        pauseBtn.addEventListener("click", () => {
          console.log("点击了上一个");
          swiper.autoplay.stop(); // 停止自动播放
          toggleButtonState(); // 切换按钮显示
        });

        // 继续按钮点击
        resumeBtn.addEventListener("click", () => {
          swiper.autoplay.start(); // 开始自动播放
          toggleButtonState(); // 切换按钮显示
        });

        // 按钮状态切换函数
        function toggleButtonState() {
          pauseBtn.style.display = swiper.autoplay.running
            ? "inline-block"
            : "none";
          resumeBtn.style.display = swiper.autoplay.running
            ? "none"
            : "inline-block";
        }

        // 监听自动播放状态变化
        swiper.on("autoplayStart", toggleButtonState);
        swiper.on("autoplayStop", toggleButtonState);
      });

      function slideTo(index) {
        // 移除所有按钮的激活状态
        const btns = document.querySelectorAll(".btns button");
        btns.forEach((btn) => btn.classList.remove("active"));

        // 添加当前激活状态
        btns[index].classList.add("active");

        // 更新当前激活索引
        currentActiveIndex = index;

        // 原有滑动逻辑
        const contentHeight = 260; // 根据实际内容高度修改
        const yOffset = -index * contentHeight;
        contentWrapper.style.transform = `translateY(${yOffset}px)`;

        updateBottomButtons(index);
      }
      function updateBottomButtons(index) {
        const bottomBtns = document.querySelectorAll(".btns-2 button");

        // 定义不同索引对应的按钮文本
        const buttonTexts = [
          { left: "免费试用", right: "品牌入驻" }, // 索引0（找有赞）
          { left: "免费使用", right: "获取方案" }, // 索引1（新零售）
          { left: "免费使用", right: "挑选商品" }, // 索引2（电商）
          { left: "免费使用", right: "了解方案" }, // 索引3（美业）
          { left: "申请协助", right: "开通指南" }, // 索引4（国家补贴）
        ];

        // 更新按钮文本
        bottomBtns[0].textContent = buttonTexts[index].left;
        bottomBtns[1].textContent = buttonTexts[index].right;
      }
      // 初始化时设置第一个按钮状态
      document.addEventListener("DOMContentLoaded", function () {
        slideTo(0);
        // ...其他初始化代码...
      });
    </script>
    <style>
      * {
        margin: 0;
        padding: 0;
        color: #323233;
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue,
          Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei,
          STHeiti, SimSun, sans-serif, Apple Color Emoji, Segoe UI Emoji,
          Segoe UI Symbol, Noto Color Emoji;
      }

      a {
        text-decoration: none;
      }
      ul li {
        list-style: none;
      }
    </style>
  </body>
</html>
